<style>
    .iconfont {
        font-size: 20px !important;
    }
</style>
<#--is-fixed-top-->
<nav class="navbar is-light" role="navigation" aria-label="main navigation"
     style="background-color: #FFFFFFCC;">
    <div class="navbar-brand">
        <a class="navbar-item" href="/">
            <img src="/img/logo-high.png" width="112" height="28">
        </a>

        <a role="button" class="navbar-burger" aria-label="menu" a sr ia-expanded="true" data-target="navbarBasicExample">
            <span aria-hidden="true"></span>
            <span aria-hidden="true"></span>
            <span aria-hidden="true"></span>
        </a>
    </div>

    <div id="navbarBasicExample" class="navbar-menu">
        <div class="navbar-start">
            <#list menus![] as menu>
                <a class="navbar-item" href="${menu.url}" target="_self">
                    <i class="${menu.icon}" aria-hidden="true"></i>
                    ${menu.text}
                </a>
            </#list>
        </div>

        <div class="navbar-end">

            <div class="navbar-item">
                <input class="input is-info" type="text" placeholder="搜索">
            </div>


            <div class="navbar-item">
                <div class="buttons">
                    <#if !login>
                        <a class="button is-primary" href="/login">
                            <i class="fa fa-user"></i>
                            <strong>登录</strong>
                        </a>
                    </#if>

                    <#if login>
                        <a class="button is-success" href="/admin/index">
                            <i class="fa fa-user"></i>
                            <strong>管理</strong>
                        </a>
                    </#if>
                </div>
            </div>


        </div>
    </div>
</nav>